<?xml version="1.0" encoding="utf-8"?> 
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ice="http://www.icesoft.com/icefaces/component"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<title><ui:insert name="title">Encuestador</ui:insert></title>
	<!--rime is for ice components-->
	<ui:insert name="style">
		<link rel="stylesheet" type="text/css" href="./css/encuesta.css"/>
	</ui:insert>
	<link rel="stylesheet" type="text/css" href="./xmlhttp/css/rime/rime.css"/>
	
</h:head>
<h:body>
	<div id="wrapper-content">
	<div id="header">
		<ui:insert name="header">
			<h2>Cuestionario</h2>
		</ui:insert>
	</div>
	<div id="content">
		<ui:insert name="formulario">
			<ice:form partialSubmit="true">
			<!-- parametro del bean de la encuesta que se quiere mostrar-->
			<ui:repeat var="pregunta" value="#{encuestaBean.preguntas}">
			<ice:panelGrid  id="listaPreguntas" columns="1">
				
<!-- 					<ice:outputText value="#{pregunta.pregunta.pregunta} #{pregunta.pregunta.id}" styleClass="pregunta-format"/> -->
					<h:panelGroup rendered="#{pregunta.pregunta.tipoPregunta.tipoPregunta eq 'multiple'}" styleClass="areaRespuestas">
						<ice:panelGrid columns="1">
							<ice:outputText value="#{pregunta.pregunta.pregunta} #{pregunta.pregunta.id}" styleClass="pregunta-format"/>
							<ice:selectManyCheckbox  value="#{pregunta.respuestasSeleccionadasCheckbox}" layout="pageDirection">
								<f:selectItems  value="#{pregunta.selectItems}" />
							</ice:selectManyCheckbox>
							<h:panelGroup rendered="#{pregunta.hasInput == true}">
								<ui:repeat var="respuesta" value="#{pregunta.respuestasEspeciales}">
									<ice:outputLabel value="#{respuesta.respuesta}" for=""/>
									<ice:inputText />
								</ui:repeat>
							</h:panelGroup>
						</ice:panelGrid>
					</h:panelGroup>
				<h:panelGroup rendered="#{pregunta.pregunta.tipoPregunta.tipoPregunta eq 'unica'}" styleClass="areaRespuestas" >
					
					<h:panelGroup rendered="#{pregunta.formatoRespuestas eq 'Checkbox'}" >
						<ice:panelGrid columns="1">
							<ice:outputText value="#{pregunta.pregunta.pregunta} #{pregunta.pregunta.id}" styleClass="pregunta-format"/>
							<ice:selectManyCheckbox value="#{pregunta.respuestasSeleccionadasCheckbox}" layout="pageDirection">
								<f:selectItems  value="#{pregunta.selectItems}" />
							</ice:selectManyCheckbox>
						</ice:panelGrid>
						
					</h:panelGroup>
					
					
					<h:panelGroup rendered="#{pregunta.formatoRespuestas eq 'Radio'}">
						<ice:panelGrid columns="1">
						<ice:outputText value="#{pregunta.pregunta.pregunta} #{pregunta.pregunta.id}" styleClass="pregunta-format"/>
						<ice:selectOneRadio value="#{pregunta.respuestaSeleccionada}" styleClass="radios" layout="pageDirection" >
								<f:selectItems value="#{pregunta.radiosItems}" />
<!-- 							<ui:repeat var="respuesta" value="#{pregunta.pregunta.respuestas}"> -->
<!-- 								<f:selectItem itemLabel="#{respuesta.respuesta}" itemValue="#{respuesta.id}"/> -->
<!-- 							</ui:repeat> -->
						</ice:selectOneRadio>
						
						</ice:panelGrid>
					</h:panelGroup>
					<h:panelGroup rendered="#{pregunta.formatoRespuestas eq 'DropDown'}">
						<ice:panelGrid columns="2">
						<ice:outputText value="#{pregunta.pregunta.pregunta} #{pregunta.pregunta.id}" styleClass="pregunta-format"/>
						<ice:selectOneMenu value="#{pregunta.respuestaSeleccionada}">
								<f:selectItems value="#{pregunta.selectItems}"/>
							</ice:selectOneMenu>
						</ice:panelGrid>
					</h:panelGroup>
					<h:panelGroup rendered="#{pregunta.hasInput == true}">
							<ui:repeat var="respuesta" value="#{pregunta.respuestasEspeciales}">
								<ice:outputLabel value="#{respuesta.respuesta}" for=""/>
								<ice:inputText />
							</ui:repeat>
					</h:panelGroup>
				</h:panelGroup>	
				<ice:outputLabel value="Respuesta Seleccionada: " />
				<ice:outputText value="#{pregunta.respuestaSeleccionada}"/>
			</ice:panelGrid>
			</ui:repeat>
			<ice:commandButton id="guardarBoton"
                           value="Guardar"
                           action="#{encuestaBean.guardarResultadoEncuesta}"
                           
                           style="margin-top:8px;"/>
	</ice:form>
		
		</ui:insert>
	</div>
	<div id="footer">
		<ui:insert name="footer">
		Fin Cuestionario
		</ui:insert>
	</div>
	</div>
</h:body>
</html>
